<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <link rel="stylesheet" href="css/bass.css">
  <link rel="stylesheet" href="css/swiper-3.4.2.min.css">
  <link rel="stylesheet" href="css/find.css">
</head>
<body>
  <div class="swiper-container mySwiper">
    <div class="swiper-wrapper">
      <a href="jmbgxq.html" class="swiper-slide"><img src="img/bg-jm.png" alt=""></a>
      <a href="lyshxq.html" class="swiper-slide"><img src="img/bg-ly.png" alt=""></a>
      <a href="xwdsxq.html" class="swiper-slide"><img src="img/bg-xw.png" alt=""></a>
    </div>
  </div>
  <article class="">
    <div class="content">
      <h3>为你推荐</h3>
      <div class="fig_box">
        <figure>
          <img src="img/bg-wntj.png" alt="">
        </figure>
        <figcaption>这把椅子有个男孩的名字：宜家的家具名称都是什么意思？这把椅子有个男孩的名字：宜家的家具名称都是什么意思？</figcaption>
      </div>
      <a href="zdmzl.html" class="item">
        <div>
          <h3>值得买周历</h3>
          <p>这周又降温了……冷啊冷啊，还有秋裤保暖，预报还有2345级大风，吹啊吹啊，我的凌乱长发，就这鬼天气每天还要起大早挤地铁赶公交，为了就是能在59分的……</p>
        </div>
        <img src="img/bg-wntjzl.png" alt="">
      </a>
      <a href="bmm.html" class="item">
        <div>
          <h3>宝妈们，帮助宝宝远离咳嗽吧</h3>
          <p>季节变换冷暖交替，很多宝宝都会出现咳嗽的症状，宝宝难受，妈妈揪心，如何帮助娃儿们远离咳嗽，在冬季也能开开心心的玩耍，不懂这些可不行呐。</p>
        </div>
        <img src="img/bg-wntjbm.png" alt="">
      </a>
    </div>
    <div class="content borderTop">
      <h3>众美臻品</h3>
      <div class="fig_box">
        <figure>
          <img src="img/bg-zmzp.png" alt="">
        </figure>
        <figcaption>美食摄影很难吗？他一个人就给出52种创意提案！美食摄影很难吗？他一个人就给出52种创意提案！</figcaption>
      </div>
      <a href="#" class="item">
        <div>
          <h3>未来的食物，长什么样子？</h3>
          <p>每天都在思考早饭、午饭、晚饭要吃什么这个终极难题。那么你有没有想过未来的食物会是什么样子的？每天都在思考早饭、午饭、晚饭要吃什么这个终极难题。那么你有没有想过未来的食物会是什么样子？</p>
        </div>
        <img src="img/bg-zmzpwl.png" alt="">
      </a>
    </div>
    <div class="content bordernone">
      <div class="fig_box bordernone">
        <figure>
          <img src="img/bg-nsns.png" alt="">
        </figure>
      </div>
      <a href="nszs.html" class="item">
        <div>
          <h3>男生专属</h3>
          <div>送出仪式感，自带好感的男生必须</div>
          <div>相信很多人都遇到过，在为男生选购礼品的时候总实时不知道选择什么好，看上去好像什么都不缺，又不想</div>
        </div>
        <img src="img/bg-nszs.png" alt="">
      </a>
      <a href="nsdz.html" class="item">
        <div>
          <h3>女生定制</h3>
          <div>寻遍世界走心好物，幸福感爆棚。</div>
          <div>相信很多人都遇到过，在为男生选购礼品的时候总实时不知道选择什么好，看上去好像什么都不缺，又不想</div>
        </div>
        <img src="img/bg-nsdz.png" alt="">
      </a>
    </div>
    <div class="content">
      <div class="fig_box bordernone">
        <figure>
          <img src="img/bg-zyj.png" alt="">
        </figure>
      </div>
      <a href="javascript:;" class="item">
        <div>
          <h3>传送带</h3>
          <p>每天都在思考早饭、午饭、晚饭要吃什么这个终极难题。那么你有没有想过未来的食物会是什么样子的？每天都在思考早饭、午饭、晚饭要吃什么这个终极难题。那么你有没有想过未来的食物会是什么样子？</p>
        </div>
        <img src="img/bg-zyjcsd.png" alt="">
      </a>
      <a href="javascript:;" class="item">
        <div>
          <h3>周历周历</h3>
          <p>每天都在思考早饭、午饭、晚饭要吃什么这个终极难题。那么你有没有想过未来的食物会是什么样子的？每天都在思考早饭、午饭、晚饭要吃什么这个终极难题。那么你有没有想过未来的食物会是什么样子？</p>
        </div>
        <img src="img/bg-zyjzl.png" alt="">
      </a>
    </div>
  </article>
  <div class="noContent"><span>———　</span>没有更多内容了<span>　———</span></div>
</body>
<script src="js/jquery.min.js"></script>
<script src="js/swiper-3.4.2.jquery.min.js"></script>
<script>
  var mySwiper = new Swiper('.swiper-container',{
    loop: true,
    slidesPerView : 1.3,
    spaceBetween : 15,
    // spaceBetween : '5%',//按container的百分比
  })
</script>
</html>
